<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>login</title>
</head>

<body>
    <main class="login-bg">

        <div class="w">
            <section class="reg-tip">
                <div id="ps-login" class="fs18">密码登录</div>

                <div class="tel-reg fs24 bold">手机号登录/注册</div>

                <p class="col-w fs14">快速找到好友, 一站式记录你的运动</p>
            </section>


            <!-- 表单 -->
            <section class="reg-form">

                <div class="t-reg form-s fb-10 "><span class="dcc flex1">+86 ▼</span> <input type="tel" name="tel"
                        id="tel" class="reg-tel" placeholder="输入手机号"></div>

                <span class="tips" id="t-tips"></span>

                <div class="yzm-b fb-10 ">
                    <input type="text" class="form-s" id="inp-yzm" name="" placeholder="请输入验证码">

                    <div class="yzm"> <canvas width="110" height="30" id="captcha1"></canvas></div>
                </div>

                <span class="tips" id="codeTips"></span>

                <input type="password" name="password" class="password form-s  fb-10" id="password" placeholder="请输入密码">

                <span class="tips" id="p-tips"></span>

                <input type="password" name="retrypw" class="retrypw form-s  fb-10" id="retrypw"
                    placeholder="请再次输入密码" />

                <span class="tips" id="rp-tips"></span>

                <button class="login-btn form-s  fb-10 dcc" id="login">注册登录</button>

                <span class="tips" id="tips"></span>

                <p class="dec"><span></span> <span class="fs14">微信注册</span></p>


            </section>


            <h3 class="l-tit dcc fs14">- HOLD ON -</h3>
        </div>

    </main>
</body>

</html>